<div class="row">
	<div class="col-md-12">
		<div class="col-md-12">
			<p style="font-style: italic;">Bldg./Floor:</p>
		</div>
	</div>
	<div class="col-md-6" style="margin-bottom: 15px;">
		<div class="col-md-3">
			<select id="dd-building" class="form-control input-sm">
				<option selected="selected">PIC</option>
				<!-- 				<option>PTC</option> -->
			</select>
		</div>
		<div class="col-md-3">
			<select id="dd-floor" class="form-control input-sm">
				<option selected="selected">3F</option>
				<option>4F</option>
			</select>
		</div>
		<div class="col-md-3">
			<select id="dd-quadrant" class="form-control input-sm"
				id="ddl-quadrant">
				<option selected="selected">All</option>
				<option>A</option>
				<option>B</option>
				<option>C</option>
				<option>D</option>
			</select>
		</div>
		<div class="col-md-2">
			<!--                    <button id="filter-floor" type="button" class="btn btn-default">
                        Go</button>-->
		</div>
	</div>
	<div class="col-md-6">
		<div class="col-md-3 pull-right">
			<p>PM Cube</p>
		</div>
		<div class="col-md-1 pull-right"
			style="background-color: #149c82; height: 20px;"></div>
		<div class="col-md-3 pull-right">
			<p>With Local</p>
		</div>
		<div class="col-md-1 pull-right"
			style="background-color: #F29900; height: 20px;"></div>
		<div class="col-md-3 pull-right">
			<p>Allocated Seats</p>
		</div>
		<div class="col-md-1 pull-right"
			style="background-color: #006699; height: 20px;"></div>
	</div>
</div>
<div class="well" style="padding: 19px !important;">
	<h2 id="under-construction" style="display: none;">Floor Data
		Under Construction</h2>
	<div id="floor-container">
		<div id="top-landmark" class="col-md-12">
			<div id="business-center" class="col-md-2 col-md-offset-1">
				<p>Business Center</p>
			</div>
			<div class="col-md-2 col-md-offset-4">
				<div id="breakout-area2" class="col-md-12">
					<p>Breakout Area</p>
				</div>
			</div>
			<div id="board-rooms" class="col-md-2">
				<p>Meeting Room | Board Room</p>
			</div>
			<div class="clearfix"></div>
		</div>
		<div class="zoomViewport">
			<div id="seat-map-view" class="zoomContainer"></div>
		</div>

		<div id="bottom-landmark" class="col-md-12">
			<div class="col-md-4">
				<div class="row">
					<div id="meeting-room-2" class="col-md-1">
						<p>MR2</p>
					</div>
					<div id="executive-office-3" class="col-md-2">
						<p>EO 3</p>
					</div>
					<div id="executive-office-2" class="col-md-2">
						<p>EO 2</p>
					</div>
					<div id="executive-office-1" class="col-md-2">
						<p>EO 1</p>
					</div>
					<div id="lounge" class="col-md-2">
						<p>Lounge</p>
					</div>
					<div id="smoking-balocony" class="col-md-2">
						<p>Smoking</p>
					</div>
					<!-- 				<div id="break-out-area-4" class="col-md-1"><p>Breakout Area</p></div> -->
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="col-md-6 col-md-offset-2">
				<div class="row">
					<div id="breakout-area-5" class="col-md-5">
						<p>Breakout Area</p>
					</div>
					<div id="smoking-balcony-2" class="col-md-2">
						<p>Smoking</p>
					</div>
					<div id="small-pantry" class="col-md-5">
						<p>Pantry 2</p>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
</div>
